@charset"utf-8";
*{
    margin: 0;
    padding: 0;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
    color: black;
}
.herd{
    height: 100px;
    width: 100%;
    border: solid #ff7e29;
    border-width: 0 0 2px 0;

    .herd_box{
        width: 1226px;
        margin: 0 auto;
        height: 100px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        // background-color: pink;
        >.hb_box1{
            display: flex;
            >p{
                font-size: 28px;
                margin-left: 45px;
                margin-right: 15px;
                margin-top: 5px;
            }
            >span{
                color: #757575;
                font-size: 12px;
                line-height: 60px;
            }
        }
        .hb_box2{
            >a{
                font-size: 12px;
                color: #757575;
            }
            >span{
                font-size: 12px;
                color: #757575;
            }
        }
    }
}
.conter{
    width: 100%;
    height: 1970px;
    background-color: #f5f5f5;
    // margin-top: 30px;
    .conter_box1{
        width: 1226px;
        height: 70px;
        margin: 1px auto;
        display: flex;
        font-size: 14px;
        background-color: white;
        .cb_box1{
            width: 110px;
            height: 70px;
            display: flex;
            justify-content: center;
            align-items: center;
            >p{
                margin-left: 10px;
            }
        }
        .cb_box2{
            width: 120px;
            height: 70px;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .cb_box3{
            width: 380px;
            height: 70px;
            display: flex;
            // justify-content: center;
            align-items: center;
        }
        .cb_box4{
            width: 616px;
            height: 70px;
            display: flex;
        
            .cb4_box{
                width: 154px;
                height: 70px;
                display: flex;
                justify-content: center;
                align-items: center;
            }
        }
    }
    .conter_box2{
        width: 1226px;
        // height: 50px;
        margin: 0 auto;
        height: 530px;
        background-color: white;
        .onter_box1{
            width: 1226px;
            height: 110px;
            margin: 0px auto;
            display: flex;
            font-size: 14px;
            background-color: white;
            .b_box1{
                width: 110px;
                height: 110px;
                display: flex;
                justify-content: center;
                align-items: center;
                >p{
                    margin-left: 10px;
                    color: white;
                }
            }
            .b_box2{
                width: 120px;
                height: 110px;
                display: flex;
                justify-content: center;
                align-items: center;
            }
            .b_box3{
                width: 380px;
                height: 110px;
                display: flex;
                // justify-content: center;
                align-items: center;
                >p{
                    font-size: 18px;
                }
            }
            .b_box4{
                width: 616px;
                height: 110px;
                display: flex;
            
                .b4_box{
                    width: 154px;
                    height: 110px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    >span{
                        color: #ff7e29;
                    }
                    >div{
                        width: 152px;
                        height: 38px;
                        border: 1px solid gainsboro;
                        >a{
                            width: 36px;
                            height: 38px;
                            font-size: 20px;
                            display: inline-block;
                            // line-height: 38;
                            text-align: center;
                        }
                        >input{
                            width: 70px;
                            height: 38px;
                            border: 0;
                            text-align: center;
                            font-size: 18px;
                        }
                    }
                }
            }
        }
        .aonter_box1{
            width: 1200px;
            height: 100px;
            margin: 0px auto;
            padding-right: 26px;
            display: flex;
            font-size: 14px;
            background-color: white;
            .ab_box1{
                width: 103px;
                height: 100px;
                display: flex;
                background-color: white;
                justify-content: center;
                align-items: center;
                >p{
                    margin-left: 10px;
                }
            }
            .ab_box2{
                width: 135px;
                height: 100px;
                display: flex;
                justify-content: center;
                align-items: center;
                background-color: #f5f5f5;
            }
            .ab_box3{
                width: 400px;
                height: 100px;
                display: flex;
                justify-content: space-evenly;
                flex-direction: column;
                // align-items: center;
                background-color: #f5f5f5;
                >span{
                    width: 60px;
                    height: 18px;
                    background-color: red;
                    color: white;
                    font-size: 12px;
                    text-align: center;
                }
                >a{
                    color: #ff7e29;
                    font-size: 12px;
                }
            }
            .ab_box4{
                width: 616px;
                height: 100px;
                display: flex;
                background-color: #f5f5f5;
            
                .ab4_box{
                    width: 154px;
                    height: 100px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }
                .ab4_box1{
                    width: 70px;
                    height: 100px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }
            }
        }
        .bonter_box1{
            width: 1080px;
            height: 50px;
            margin: 20px 0 20px 100px;
            padding-left: 20px;
            border: 1px solid gainsboro;
            background-color: white;
            display: flex;
            align-items: center;
            >img{
                margin-right: 15px;
            }
            >p{
                font-size: 14px;
                margin-right: 20px;
                >span{
                    color: #ff7e29;
                }
            }
            >a{
                font-size: 14px;
                color: #ff7e29;
            }
        }
        .bonter_box2{
            width: 1080px;
            height: 50px;
            margin: 0px 0 0px 100px;
            padding-left: 20px;
            border: 1px solid gainsboro;
            background-color: white;
            display: flex;
            align-items: center;
            >img{
                margin-right: 15px;
            }
            >p{
                font-size: 14px;
                margin-right: 20px;
                >span{
                    color: #ff7e29;
                }
            }
            >a{
                font-size: 14px;
                color: #ff7e29;
            }
        }
    }
    .conter_box3{
        width: 1226px;
        height: 50px;
        background-color: white;
        margin: 20px auto;
        display: flex;
        .cb3_box1{
            height: 50px;
            width: 1226px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            >p{
                margin-left: 32px;
                font-size: 14px;
                color: #757575;
                >span{
                    font-size: 14px;
                    color: #b0b0b0;
                    margin: 0 16px;
                }
                >a{
                    font-size: 14px;
                    color: #ff7e29;
                }
            }
        }
        .cb3_box4{
            display: flex;
            .cb3_box2{
                // float: right;    
                width: 200px;
                height: 50px;
                line-height: 50px;
                >p{
                    font-size: 14px;
                    color: #ff7e29;
                    height: 50px;
                    >span{
                        font-size: 30px;
                    }
                }
            }
            .cb3_box3{
                width: 200px;
                height: 50px;
                background-color: #ff7e29;
                >a{
                    width: 200px;
                    height: 50px;
                    color: white;
                    font-size: 18px;
                    display: inline-block;
                    text-align: center;
                    line-height: 50px;
                }
            }
        }
    }
    .conter_box4{
        width: 370px;
        height: 50px;
        margin: 30px auto;
        font-size: 30px;
        color: #757575;
    }
    .conter_box5{
        width: 1226px;
        height: 614px;
        margin: 30px auto;
        display: grid;
        grid-template-columns:repeat(5,234px);
        grid-template-rows:repeat(2,300px);
        gap: 14px 14px;
        
        .cb5_box{
            background-color: white;
            font-size: 14px;
            width: 234px;
            height: 300px;
            display: flex;
            flex-direction: column;
            justify-content: space-evenly;
            align-items: center;
            >img{
                margin: 20px 0;
                width: 140px;
                height: 140px;
    
            }
            >p{
                margin-bottom: 10px;
            }
            >span{
                margin-bottom: 10px;
                color: #ff7e29;
            }
            >li{
                color: #757575;
            }
        }
    }  
}
.tail{
    width: 100%;
    height: 593px;
    background-color: white;
    >.tail_nav{
        width: 1226px;
        height: 329.8px;
        background-color: white;
        margin: 0 auto;
        >.tail_nav1{
            width: 1226px;
            height: 25px;
            padding: 27px 0;
            display: flex;
            border-color: gainsboro;
            border-style: solid;
            border-width: 0px 0px 1px 0px;
            >li{
                height: 25px;
                width: 245px;
                text-align: center;
                border-width: 0px 1px 0px 0px;
                border-color: gainsboro;
                border-style: solid;
                // line-height: 0px;
                >a{
                    color: #616161;
                }
                >a:hover{
                    color: #ff7e29;
                }
            }
        }
        >.tail_nav2{
            width: 1226px;
            height: 289.8px;
            // background-color: gainsboro;
            >.tn2_1{
                width: 1226px;
                height: 249.8;
                // margin-top: 40px;
                display: flex;
                padding-top: 40px;
                
                >.tn2_2{
                    width: 981;
                    height: 249.8px;
                    display: flex;
                    
                    // margin-top: 40px;
                    >.tn2_3{
                        width: 160px;
                        >p{
                            font-size: 14px;
                            margin-bottom: 26px;
                        }
                        >li{
                            margin-top: 10px;
                            line-height: 15px;
                            >a{
                                font-size: 12px;
                                color: #757575;    
                            }
                            >a:hover{
                                color: #ff7e29;
                            }
                        }
                    }
                }
                >.tn2_4{
                    width: 252px;
                    height: 110px;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    // background-color: pink;
                    margin-left: 20px;
                    >li{
                        font-size: 22px;
                        color: #ff7e29;
                        margin-top: 5px;
                    }
                    >p{
                        font-size: 12px;
                        color: #616161;
                        margin-top: 5px;
                    }
                    >div{
                        
                        width: 120px;
                        height: 30px;
                        line-height: 30px;
                        text-align: center;
                        >a{
                            width: 120px;
                            height: 30px;
                            font-size: 12px;
                            color: #ff7e29;
                        }
                        border: 1px solid #ff7e29;
                        margin-top: 5px;
                    }
                    >div:hover{
                        background-color: #ff7e29;
                        a{
                            color: white;
                        }
                    }
                }
            }
        }
    }
    >.tail_down{
        width: 100%;
        height: 263.2px;
        background-color: #fafafa;
        >.tail_down1{
            width: 1226px;
            height: 107px;
            margin: 0 auto;
            display: flex;
            padding-top: 30px;
            >.tail_down2{
                width: 56px;
                height: 107px;
                margin-right: 10px;
                >img{
                    width: 56px;
                    height: 56px;
                }

            }
            >.tail_down3{
                >p{
                    font-size: 12px;
                    color: #757575;
                    >a{
                        color: #757575;
                    }
                    >span{
                        color: #757575;
                    }
                    >a:hover{
                        color: #ff7e29;
                    }
                }
                >.beian{
                    font-size: 12px;
                    >a{
                        color: #b0b0b0;
                    }
                    >a:hover{
                        color: #ff7e29;
                    }
                    
                }
            }
        }
        >.qiye{
            display: flex;
            width: 1226px;
            height: 28px;
            margin: 0px auto 15px;
            padding-left: 130px;

            >a{
                width: 83px;
                    height: 28px;
                >img{
                    width: 83px;
                    height: 28px;
                }
            }

        }
        >.meihao{
            width: 100%;
            height: 20px;
            text-align: center;
            font-size: 20px;
            color: #757575;
            margin-top: 30px;
        }
    }
}